<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="js/vue.js"></script>
	</head>
	<body>
		<div id="a">
			<p v-for="a,b in hobby">{{a}} {{b}}</p>
			
			
			<ol v-for="a in person[0]">{{a}}
				<li v-for="a in person[1]">{{a}}</li>
			</ol>
			
			
			<table>
				<tr v-for="a in person">
					<th>枪械名称：</th>
					<th>{{a.name}}</th>
					<th>{{a.age}}</th>
				</tr>
			</table>
			<button v-on:click="play()">{{person[0].name}}</button>
			<button v-on:dblclick="play()">{{person[1].name}}</button>
			<button v-on:click="dian()">点赞</button>
			
			
			
			
		</div>
		<script>
			var a=0;
			new Vue({
				el:"#a",
				data(){
					return{
						hobby:[45,456,465],
						person:[
							{name:"ak",age:47},
							{name:"ma",age:16}
						],
						
					}
				},
				methods:{
					play(){
						alert(454545)
					},
					dian(){
						
						a++;
						alert(a)
					}
				}
			})
		</script>
	</body>
</html>
